<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ember Starter Kit</title>
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/bootstrap.css">
  <link rel="stylesheet" href="css/style.css">
</head>
<body>

  <script type="text/x-handlebars" data-template-name="application">
    <b>Administration</b>
    <div style="text-align: center;">
    <h2>Welcome to Forall - Resource Management System</h2>

    </div>
    
    {{outlet}}
  </script>

  <script type="text/x-handlebars" data-template-name="index">
    <br />
    Welcome <b>{{model.name}}</b> from <b>{{model.team.name}}</b>
    <br />
    Below are your resources.
    <br /><br />
    <ul>
    {{#each item in model.team.resources}}
      <li>
      {{item.name}} status: 
      <b>
          {{#if item.inUseBy}}
          TAKEN by {{item.inUseBy.name}} - REQUEST RESOURCE
          {{else}}
          FREE - TAKE
          {{/if}}
      </b>
      </li>
      
    {{/each}}
    </ul>
    
  </script>

  <script src="js/libs/jquery-1.9.1.js"></script>
  <script src="js/libs/handlebars-1.0.0.js"></script>
  <script src="js/libs/ember-1.1.2.js"></script>
  <script src="js/libs/ember-data.js"></script>
  <script src="js/app.js"></script>

</body>
</html>
